<template>
	<view class="">
		<!-- <view class="" style="padding: 14rpx 0 32rpx 32rpx;display: flex;align-items: center;">
			<view class="" style="font-size: 0;margin-right: 12rpx;">
				<image style="width: 72rpx;height: 72rpx;" src="/static/images/nv.png" mode=""></image>
			</view>
			<view class="" style="font-size: 30rpx;color: #262626;">
				待取件
			</view>
		</view> -->
		<!-- <view class="" style="width: 686rpx;height: 258rpx;border-radius: 12rpx;background: linear-gradient(270deg, #262626 0.23%, #3F3F3F 98.6%);margin: 0 auto;display: flex;align-items: center;">
			<view class="" style="margin-left: 26rpx;margin-right: 44rpx;">
				<view class="" style="font-size: 30rpx;color: rgba(255, 255, 255, 0.90);">
					快递已放至代收点
				</view>
				<view class="" style="font-size: 26rpx;color: rgba(153, 153, 153, 0.90);margin: 10rpx 0;">
					<text style="color: rgba(255, 255, 255, 0.90);margin-right: 15rpx;">北京朝阳街道建国路108号门口架子</text>
					|
					<text style="margin-left: 15rpx;">北京朝阳街道建国路108号 九层 802室</text>
				</view>
				<view class="" style="font-size: 26rpx;color: rgba(255, 255, 255, 0.90);">
					取件码:
					<text style="color: var(--f-4895-e, #F4895E);font-size: 32rpx;font-weight: 700;">
						2-1-1304
					</text>
				</view>
			</view>
			<view class="" style="font-size: 0;margin-right: 26rpx;">
				<image style="width: 64rpx;height: 64rpx;" src="@/static/images/logistics1.png" mode=""></image>
			</view>
		</view>
		<view class="" style="display: flex;align-items: center;justify-content: space-between;margin-top: 32rpx;margin-left: 32rpx;margin-right: 32rpx;">
			<view class="" style="display: flex;align-items: center;">
				<view class="" style="font-size: 0;margin-right: 16rpx;">
					<image style="width: 40rpx;height: 40rpx;" src="@/static/images/logistics2.png" mode=""></image>
				</view>
				<view class="" style="font-size: 26rpx;color: #262626;">
					圆通快递:YT155689181011
				</view>
			</view>
			<view class="" style="width: 64rpx;height: 34rpx;border: 2rpx solid #999;border-radius: 3rpx;text-align: center;line-height: 34rpx;font-size: 20rpx;color: #262626;">
				复制
			</view>
		</view> -->
		<view class="" style="display: flex;align-items: center;">
			<view class="" style="width: 40rpx;height: 40rpx;border-radius: 50%;background: #262626;text-align: center;line-height: 40rpx;font-size: 20rpx;color: #fff;margin-left: 32rpx;margin-right: 20rpx;">
				{{
					info.status.indexOf('派')!=-1?'派':
					info.status.indexOf('取')!=-1?'取':
					info.status.indexOf('运')!=-1?'运':
					info.status.indexOf('签')!=-1?'签':''
				}}
			</view>
			<view class="" style="font-size: 26rpx;color: #262626;">
				{{info.status}}
			</view>
		</view>
		<view class="" style="width: 2rpx;background: #e4e4e4;margin-left: 51rpx;height: 56rpx;">
			
		</view>
		<template v-for="(item,index) in info.list">
			<view class="" style="width: 12rpx;height: 12rpx;border-radius: 50%;background: #999;margin-left: 46rpx;display: flex;align-items: center;">
				<view class="" style="font-size: 24rpx;color: #262626;white-space:nowrap;margin-left: 56rpx;margin-bottom: 4rpx;">
					{{item.time}}
				</view>
			</view>
			<view class="" style="width: 2rpx;background: #e4e4e4;margin-left: 51rpx;padding: 32rpx 0;">
				<view class="" style="border-radius: 8rpx;background: #F4F4F4;font-size: 24rpx;color: #000;width: 546rpx;padding: 20rpx;margin-left: 49rpx;">
					{{item.status}}
				</view>
			</view>
		</template>
	</view>
</template>

<script>
	import {
		scorelogistics,
		goodsorderlogistics
	} from '@/api/common.js'
	export default {
		data(){
			return {
				id:'',
				info:'',
				type:0,//0积分商城订单 1商城订单 
			}
		},
		onLoad(options) {
			this.id = options.id;
			this.type = options.type;
			if(this.type==0){
				scorelogistics({id:this.id}).then(res=>{
					// console.log(res,'cs-物流');
					this.info = res.data;
				})
			}else{
				goodsorderlogistics({id:this.id}).then(res=>{
					// console.log(res,'cs-物流');
					this.info = res.data;
				})
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	
</style>